<%--
  Created by IntelliJ IDEA.
  User: yuan
  Date: 2019/3/13
  Time: 19:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>登录</title>
 <%-- <script type="text/javascript">
      function msg() {
          setTimeout("document.loginForm.submit();",3000);
      }
  </script>--%>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.css" rel="stylesheet">

  <link href="css/animate.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

</head>
<body class="gray-bg" style="background: url(img/background.jpg) no-repeat;width: 100%;height: 100%; background-size:100% 100%;">
<div class="middle-box text-center loginscreen animated fadeInDown">
  <div>
    <div>
      <h2 STYLE="text-align: center;color: white;font-size: 45px;font-style:inherit;margin-top: 20%">可搜索加密数据库</h2>
    </div>
    <h3 style="text-align:center;margin-top: 10%;color: white">Searchable encryption database</h3>
    <%--<a href="#" class="btn btn-white animation_select" data-animation="flipOutX">flipOutX</a>--%>
    <div id="animation_box" class="animated" style="width: 400px;background-color: white;height: 300px;margin-top: 20%">

      <form name="loginForm" role="form" action="user/login" method="post">
      <div style="width: 300px;height: 200px;margin-top: -30px;margin-left: 50px;position: absolute">
        <p>用户登录</p>
        <div class="form-group" style="margin-top: 25px">
          <input type="text" class="form-control" placeholder="用户名" name="userName">
        </div>
        <div class="form-group" style="margin-top: 25px">
          <input type="password" class="form-control" placeholder="密码" name="password">
        </div>
        <input type="button"  value="登录" class="btn btn-primary block full-width m-b" style="margin-top: 25px " onclick="msg()">
      </div>
    </form>

    </div>
  <%--<form class="m-t" role="form" action="user/login" method="post" style="margin-top: 40%">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="用户名" name="userName">
      </div>
      <div class="form-group">
        <input type="password" class="form-control" placeholder="密码" name="password">
      </div>
      <button type="submit" class="btn btn-primary block full-width m-b">登录</button>
      &lt;%&ndash;<a href="CaiServlet"><input type="button" class="btn btn-primary block full-width m-b" value="刷新数据"></a>&ndash;%&gt;
    </form>--%>
  </div>
</div>
<div style="text-align: center;margin-top: 15%;color: white">
  Copyright © 毕设小组<br>
  联系人：杨林 &nbsp;&nbsp;|&nbsp;&nbsp;电话：17381801490&nbsp;&nbsp;|&nbsp;&nbsp;邮箱：695836952@qq.com&nbsp;&nbsp;
</div>

<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Peity -->
<script src="js/plugins/peity/jquery.peity.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>

<!-- Rickshaw -->
<script src="js/plugins/rickshaw/vendor/d3.v3.js"></script>
<script src="js/plugins/rickshaw/rickshaw.min.js"></script>


<script>
    function msg() {
        setTimeout("document.loginForm.submit();",700);
                $('#animation_box').removeAttr('class').attr('class', '');
                var animation = "flipOutX";
                $('#animation_box').addClass('animated');
                $('#animation_box').addClass(animation);
    }
    /*$(document).ready(function() {
        $('.animation_select').click( function(){
            $('#animation_box').removeAttr('class').attr('class', '');
            var animation = $(this).attr("data-animation");
            $('#animation_box').addClass('animated');
            $('#animation_box').addClass(animation);
            return false;
        });
    });*/
</script>
</body>
<%--<body class="gray-bg" style="background: url(img/login_block.jpg)">

<div class="loginColumns animated fadeInDown">
  <div class="row">

    <div class="col-md-6">
      <h2 class="font-bold">Welcome to IN+</h2>

      <p>
        Perfectly designed and precisely prepared admin theme with over 50 pages with extra new web app views.
      </p>

      <p>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
      </p>

      <p>
        When an unknown printer took a galley of type and scrambled it to make a type specimen book.
      </p>

      <p>
        <small>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</small>
      </p>

    </div>
    <div class="col-md-6">
      <div class="ibox-content">
        <form class="m-t" role="form" action="index.html">
          <div class="form-group">
            <input type="email" class="form-control" placeholder="Username" required="">
          </div>
          <div class="form-group">
            <input type="password" class="form-control" placeholder="Password" required="">
          </div>
          <button type="submit" class="btn btn-primary block full-width m-b">Login</button>

          <a href="#">
            <small>Forgot password?</small>
          </a>

          <p class="text-muted text-center">
            <small>Do not have an account?</small>
          </p>
          <a class="btn btn-sm btn-white btn-block" href="register.html">Create an account</a>
        </form>
        <p class="m-t">
          <small>Inspinia we app framework base on Bootstrap 3 &copy; 2014</small>
        </p>
      </div>
    </div>
  </div>
  <hr/>
  <div class="row">
    <div class="col-md-6">
      Copyright Example Company
    </div>
    <div class="col-md-6 text-right">
      <small>© 2014-2015</small>
    </div>
  </div>
</div>

</body>--%>

</html>
